<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="jquery/jquery-3.4.1.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="shortcut icon" href="image/hxmcatton.ico" type="image/x-icon">
    <title>登录</title>

    <script>
        $(document).ready(function(){
          $("#forgetPassword").click(function(){
            alert("听我的，点“登录”");
          })
        });
    </script>
    <style>
      #inputbox{
        width: 1600px;
        height: 100px;
        margin-top: 300px;
        margin-left: 400px;
      }
      body{
            background-image: url('image/hxmcatton.jpg');
            background-color: #cccccc;
            background-repeat:no-repeat;
            background-attachment: fixed;
            background-size:cover;
            margin: 0px;
            padding: 0px;
        }
      .control-label{
        color: rgb(23, 204, 204);
        font-size: 20px;
      }
    </style>

</head>

<body>
  <div id="inputbox">
      <form class="form-horizontal">
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
            <div class="col-sm-2">
              <input type="email" class="form-control input-lg" id="inputEmail3" placeholder="直接登录">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
            <div class="col-sm-2">
              <input type="password" class="form-control input-lg" id="inputPassword3" placeholder="无需输入密码">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <div class="checkbox">
                <label>
                  <input type="checkbox">
                  <label style="color: beige">记住我</label>
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <a href="main.html" target="_blank" role="button"><button type="button" class="btn btn-info" style="width: 240px">登录</button></a>
              <br>
              <br>
              <button type="submit" class="btn btn-info" style="width: 240px" id="forgetPassword">忘记密码</button>
            </div>
          </div>
        </form> 
  </div>
</body>
</html>